﻿/* top start*/
body, td, th { font-size: 14px; }
body { min-width: 1200px; }
img, div { behavior: url(/images/iepng/iepngfix.htc); }
body, div, p, img, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote { padding:0px; margin:0px; }
/*友链*/
.links { padding:22px 0; }
.links span { font-size:30px }
.links p { padding:5px 20px }
.links p a { color:#333; margin:0 8px; font-size:12px; line-height:22px }
body { font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; color:#4A4A4A; width:100%; }
input, textarea { font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; }
#wrapper { }
#head { width:100%; border-top:5px solid #0466BD; }
.HituxInner { margin:auto; width:1000px; }
.section { background:#555; }
.tem_top { height:32px; color:#AFB0B4; font-size:14px; background:url("/images/HituxCMSNote/ico_h.png") center left no-repeat; }
.tem_top h2 { font-size:14px; float:left; padding-left:22px; }
.tem_top h2 p { font-weight:normal; line-height:32px; }
.tem_top a { color:#AFB0B4; }
.tem_top a:hover { color:#3FBE72; }
.tem_top_nav { float:right; line-height:32px; }
.tem_top_nav span { padding-left:26px; background:url("/images/HituxCMSNote/ico_taobao.png") center left no-repeat; font: bold 16px/32px "Times new roman"; color:#DA251D; }
#head .top { width:100%; font-size:12px; }
#head .top .TopLogo { margin:auto; width:1140px; height:90px; padding-top:20px; }
#head .top .TopLogo .logo { float:left; margin-right:30px; }
#head .top .TopLogo .logo-txt { float:left; font: normal 14px/32px "微软雅黑"; width:450px; }
#head .top .TopLogo .logo-txt span { font-size:20px; font-weight:bold; }
#head .top .TopLogo .tlink { float:left; width:200px; }
#head .top .TopLogo .tlink img { float:left; width:160px; margin-left:40px; }
#head .top .TopLogo .fl1111 { float:left; width:160px; }
#head .top .TopLogo .tel { float:right; min-height:65px; padding-top:0px; background:url("/images/HituxCMSNote/top-tel.png") left center no-repeat; padding-left:65px; }
#head .top .TopLogo .tel .telW { margin-top:8px; font: normal 18px/20px "微软雅黑"; color:#0466BD; }
#head .top .TopLogo .tel .telN { font: bold 28px/36px "微软雅黑"; color:#0466BD; }
/* navs*/
 #head #NavLink { width:100%; margin:auto; height:20px; background-color:#FFFFFF; z-index:9999; margin-bottom:20px; }
#head #NavLink #NavBG { height:20px; width:1200px; z-index:100; margin:auto; }
#head #NavLink #sddm { position:absolute; width:1200px; line-height:20px; margin:auto; z-index:100 }
#head #NavLink #sddm li { float: left; background: url("/images/HituxCMSNote/menu_line.png") right center no-repeat; font-weight:normal; }
#head #NavLink #sddm li img { margin-left:10px; }
#head #NavLink #sddm li:last-child { background: none; }
#head #NavLink #sddm .CurrentLi a { color:#0466BD; }
/*	
 #head #NavLink #sddm .CurrentLi p{
	background:#004216;
	border-left:none;
	 }
*/	 
#head #NavLink #sddm li a { display: block; color: #585858; text-align: center; padding-left:36px; padding-right:36px; padding-top:0px; padding-bottom:0px; height:20px; line-height:20px; font-size:16px; }
/*	
 #head #NavLink #sddm li P{
	border-left:1px solid #188139;
	text-align:center;
	font-size:10px;
	line-height:35px;
	font-weight:normal;
	color:#FFF;
	text-transform:uppercase;}
*/	
#head #NavLink #sddm li a:hover { text-decoration:none; color:#0159BB; }
#head #NavLink #sddm div { position: absolute; visibility: hidden; background: #F2F2F2; padding:0px 0px; filter: alpha(opacity=85); top:40px; }
#head #NavLink #sddm .CurrentLi div a { background:#F2F2F2; }
#head #NavLink #sddm div a { position: relative; padding-left:25px; min-width:150px; color: #666666; font-size:14px; font-weight:normal; text-decoration:none; line-height:36px; text-align:left; height:36px; background: #F2F2F2; border-left:3px solid #F2F2F2; }
#head #NavLink #sddm div a:hover { color:#316AC5; line-height:36px; border-left:3px solid #0159BB; background: #FFF; }
#body { width:100%; margin:auto; }
.MoreLink a { background:#0466BD; line-height:45px; text-align:center; display:block; padding-left:20px; padding-right:20px; width:200px; min-width:100px; height:45px; cursor:pointer; font-size:18px; color:#FFFFFF; border-radius:30px; }
.MoreLink a:hover { color:#FFF; text-decoration:none; background-color:#0477DF; }
/* albumblock*/

 .albumblock { padding:10px; float:left; }
.albumblock .inner { width:218px; height:260px; position:relative; overflow:hidden; }
.albumblock .inner img { border:1px solid #DEDEDC; padding:3px; width:210px; height:180px; }
.albumblock .inner .albumtitle { height:30px; line-height:40px; font-size:14px; width:215px; position:relative; bottom:0px; left:0; color:#C60001; font-weight:;
text-align:center; cursor:pointer; margin:auto; overflow:hidden; }
.albumblock .inner .albumtitle span { font-weight:normal; font-size:12px; }
.albumblock .inner a { color:#333; }
.albumblock .inner a:hover { text-decoration:none; color:#C60001; }
.albumblock .inner a:visited { text-decoration:none; }
/*footer*/
.footer { width: 100%; background: #F2F2F2; padding-top: 20px; }
.foote-nav { float: left; width: 650px; padding-bottom:30px; }
.foote-nav dl { float: left; min-width: 80px; min-height: 220px; padding-left: 0px; margin-right:50px; }
.foote-nav dl dt { font-size: 20px; font-weight:bold; line-height: 48px; color: #303032; }
.foote-nav dl dt a { color: #303032; }
.foote-nav dl dd { font-size: 14px; line-height: 34px; }
.foote-nav dl dd a { color: #515153; }
.foote-nav a:hover { color: #000000; }
.footer-con { width:300px; color: #515153; font: normal 14px/34px "微软雅黑"; }
.footer-con .title { font: bold 20px/48px "微软雅黑"; float:left; color:#303032; text-align: left; margin-bottom:0; margin-top:0; height:48px; width:290px; }
.footer-con .add { font: normal 14px/46px "微软雅黑"; background: url("/images/HituxCMSNote/ico_foot_add.png") left center no-repeat; padding-left:38px; float:left; height:46px; width:290px; }
.footer-con .tel { font: bold 28px/46px "微软雅黑"; background: url("/images/HituxCMSNote/ico_foot_tel.png") left center no-repeat; float:left; color:#0943B1; height:46px; border-bottom:1px solid #B7B7B8; padding-bottom:10px; margin-bottom:5px; width:260px; }
.footer-con .fax { font: normal 14px/46px "微软雅黑"; background: url("/images/HituxCMSNote/ico_foot_fax.png") left center no-repeat; padding-left:38px; float:left; height:46px; width:290px; }
.footer-con .email { font: normal 14px/46px "微软雅黑"; background: url("/images/HituxCMSNote/ico_foot_email.png") left center no-repeat; padding-left:38px; float:left; height:46px; width:290px; }
.footer-con .web { font: normal 14px/46px "微软雅黑"; background: url("/images/HituxCMSNote/ico_foot_web.png") left center no-repeat; padding-left:38px; float:left; height:46px; width:290px; }
.footer-con a { font: bolder 14px/46px "Arial"; color: #157EF6; }
.footer-con a:hover { color:#307DE7; }
.footer-weixin { width: 170px; color:#383838; text-align:center; font: normal 14px/36px "微软雅黑"; }
.footer-weixin img { width: 170px; }
.footer-weixin p { font: normal 12px/36px "微软雅黑"; }
.footer-weixin ul { }
.footer-weixin ul li { float:left; margin-right:10px; }
.copyright { background-color:#303032; height:76px; color: #B1B1B1; font: normal 14px/76px "微软雅黑"; }
.copyright a { color: #FFF; }
#wrapper .t_page { padding:10px; text-align:center; font-size:12px; line-height:25px; }
#wrapper .t_page a { padding:2px 5px; border:1px solid #DEDEDC; margin:0px 3px; }
/* date css*/		
 .header { font: 12px Arial, Tahoma !important; font-weight: bold !important; font: 11px Arial, Tahoma; font-weight: bold; color: #154BA0; background:#C2DEED; height: 25px; padding-left: 10px; }
.header td { padding-left: 10px; }
.header a { color: #154BA0; }
.header input { background:none; vertical-align: middle; height: 16px; }
.category { font: 12px Arial, Tahoma !important; font: 11px Arial, Tahoma; color: #92A05A; height:20px; background-color: #FFFFD9; }
.category td { border-bottom: 1px solid #DEDEB8; }
.expire, .expire a:link, .expire a:visited { color: #999999; }
.default, .default a:link, .default a:visited { color: #000000; }
.checked, .checked a:link, .checked a:visited { color: #FF0000; }
.today, .today a:link, .today a:visited { color: #00BB00; }
#calendar_year { display: none; line-height: 130%; background: #FFFFFF; position: absolute; z-index: 10; }
#calendar_year .col { float: left; background: #FFFFFF; margin-left: 1px; border: 1px solid #86B9D6; padding: 4px; }
#calendar_month { display: none; background: #FFFFFF; line-height: 130%; border: 1px solid #86B9D6; padding: 4px; position: absolute; z-index: 11; }
#year, #month { padding:0 10px; background:#fff; }
/* SearchBar */

.SearchBar { width:368px; display:none; height:37px; background:url("/images/HituxCMSNote/Search_bg.png") no-repeat left top; }
.Sbox .SearchBar { margin:10px 0px 0px 10px; }
.SearchBar #search-text { width: 266px; padding:0px 0px; margin:0px; color:#999999; height:36px; line-height:36px; font-size:12px; background:none; border:none; padding-left:30px; }
.SearchBar #search-submit { border:none; background:none; font-size:12px; color: #FFFFFF; height:37px; margin:0px; cursor:pointer; padding:0px; line-height:37px; width:72px; }
/* search content */
#search_content .searchtip { line-height:25px; font-size:14px; font-weight:bold; padding-left:10px; BORDER-bottom: #023848 1px solid; padding-top:10px; }
#search_content .result_list { padding:10px 10px; }
#search_content .result_list dt { font-size:14px; font-weight:bold; padding-top:10px; line-height:25px; font-family:Microsoft Yahei; }
#search_content .result_list dd { padding:0 0 5px 0; margin:0px; line-height:20px; }
#search_content .result_list .line { overflow:hidden; BORDER-bottom: #E9E8E8 1px dashed; }
#search_content .result_list .line a { padding-right:20px; }
#search_content .result_list .line a:hover { text-decoration:none; }
#search_content .search_welcome { line-height:25px; text-align:center; }
#search_content .search_welcome p { text-align:center; }
#search_content .result_page { text-align:center; font-size:13px; padding:10px; }
#search_content .result_page span { font-size:12px; font-family:arial; padding:0 5px; }
#dark_footer .box_240px_left { width:143px; padding-right: 42px; padding-top: 0px; background-image: none; padding-bottom:0px; float:left; }
#dark_footer .box_240px_left h2 { font-size:14px; border-bottom:1px dotted #999; color:#FFF; padding-bottom:10px; }
#dark_footer .box_240px_left li { line-height:250%; font-size:12px; }
#dark_footer .box_240px_middle { padding: 0px 42px; background-image: none; }
#dark_footer .box_240px_right { padding-left: 42px; padding-top: 0px; background-image: none; }
#dark_footer_wrap { background-color:#8F050A; overflow: hidden; padding:20px 0px; }
#dark_footer { width: 940px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; overflow: hidden; color#FFF;
}
#light_footer_wrapper { font-size:12px; padding:10px; height:100px; }
.box_240px_right li { display: inline; }
#dark_footer li a { color:#FFF; }
/*backtotop*/
.backToTop { display: none; width: 50px; height:50px; line-height: 1.2; background:url("/images/HituxCMSNote/back_top.png") left top; ; color: #fff; font-size: 12px; text-align: center; position: fixed; _position: absolute; right: 10px; bottom: 100px; _bottom: "auto"; cursor: pointer; opacity: .6; filter: Alpha(opacity=60); }
/* open div*/
#popupMask { display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9990; background-color:#000; -moz-opacity: 0.7; opacity:0.70; filter: alpha(opacity=70); }
#popupContainer { position: absolute; z-index: 9991; top: 0px; left: 0px; display:none; padding: 0px; }
#popupInner { border: 3px solid #8F050A; background-color: #FFFFFF; }
#popupFrame { margin: 0px; width: 100%; height: 100%; position: relative; z-index: 9; }
#popupTitleBar { background:url("/images/HituxCMSNote/box_bg1.jpg") repeat-x left top; color: #8F050A; font-weight: bold; height: 1.3em; padding: 5px; z-index: 9992; text-align:center; }
#popupTitle { float:left; font-size: 1.1em; }
#popupControls { float: right; cursor: pointer; cursor: hand; }
#popupControls a span { display: block; height: 15px; width: 15px; text-indent: -9000px; background: url('/images/HituxCMSNote/close.gif') no-repeat; }
.VideoBox { padding:10px; }
/*product*/
.RightNav { padding-top:7px; }
.ClassNav { padding:0px; font-size:12px; }
.ClassNav .NavTree ul { }
.ClassNav .NavTree ul li { position: relative; float:left; z-index:1000; }
/*1st level sub menu style */
 .ClassNav .NavTree ul li ul { left: 198px; /* Parent menu width - 1*/ position: absolute; width: 160px; /*sub menu width*/ top: 0; display: none; border:1px solid #10428B; border-top:2px solid #10428B; background:#FFFFFF; filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=3, Direction=135);
}
.RightNav .ClassNav .NavTree ul li ul { }
/*All subsequent sub menu levels offset */
 .ClassNav .NavTree ul li ul li ul { left: 159px; /* Parent menu width - 1*/ z-index:100px; }
/* menu links style */
 .ClassNav .NavTree ul li a { background:url("/images/HituxCMSNote/left_bg03.jpg") right no-repeat; display: block; float:left; cursor:pointer; line-height:50px; padding:0px 30px 0px 30px; text-align:center; color:#C5C5C5; height:50px; }
.RightNav .ClassNav .NavTree ul li a { height:43px; line-height:43px; }
.ClassNav .NavTree ul li li { background:url("/images/HituxCMSNote/box_icon1.png") no-repeat 12px 12px; padding-left:0; text-align:center; }
.ClassNav .NavTree ul li li a { border-bottom:1px solid #DDDDDD; }
.ClassNav .NavTree ul .current a { background:#337ACA; color:#FFFFFF; }
.ClassNav .NavTree ul .current li a { background:#FFFFFF; color:#000000; }
.ClassNav .NavTree ul li a:hover { background:url("/images/HituxCMSNote/left_bg02.jpg") repeat-x; color: white; text-decoration:none; }
.ClassNav .NavTree .subfolderstyle { background: url(/images/HituxCMSNote/arrow-list.gif) no-repeat 150px center; }
/* Holly Hack for IE \*/
* html .ClassNav .NavTree ul li { float: left; height: 1%; }
* html .ClassNav .NavTree ul li a { height: 1%; }
/* End */	


/*service*/
.qqbox a:link { color: #000; text-decoration: none; }
.qqbox a:visited { color: #000; text-decoration: none; }
.qqbox a:hover { color: #f80000; text-decoration: underline; }
.qqbox a:active { color: #f80000; text-decoration: underline; }
.qqbox { width:132px; height:auto; overflow:hidden; position:absolute; right:0; top:200px; color:#000000; font-size:12px; letter-spacing:0px; z-index:500; }
.qqlv { width:33px; height:256px; overflow:hidden; position:relative; float:right; z-index:50px; }
.qqkf { width:120px; height:auto; overflow:hidden; right:0; top:0; z-index:99px; border:6px solid #cc0000; background:#fff; }
.qqkfbt { width:118px; height:20px; overflow:hidden; background:#cc0000; line-height:20px; font-weight:bold; color:#fff; position:relative; border:1px solid #fff; cursor:pointer; text-align:center; }
.qqkfhm { width:112px; height:22px; overflow:hidden; line-height:22px; padding-right:8px; position:relative; margin:3px 0; }
.bgdh { width:102px; padding-left:10px; }
#K1 { padding-left:3px; }
#K1 p { padding:5px 0px; }
.cbbfixed { position: fixed; right: 10px; transition: bottom ease .3s;
bottom: -85px; z-index: 3; cursor:pointer; }
.cbbfixed .cbbtn { width: 40px; height: 40px; display: block; background-color: #333; }
.cbbfixed .gotop {
transition: background-color ease .3s; margin-top: 1px; }
.cbbfixed .gotop .up-icon { float:left; margin:14px 0 0 9px; width:23px; height:12px; background: url(/images/side-icon02.png); }
.cbbfixed .gotop:hover { background-color:#2c2d2e; }
.cbbfixed .weixin { background: #dadbdd; }
.cbbfixed .weixin div { background: url(/images/QRCode.png); width: 182px; height: 182px; position: absolute; left: -182px; top: -100px; opacity: 0; transform: scale(0); -webkit-transform: scale(0); transform-origin: 100% 70%; -webkit-transform-origin: 100% 70%; transition: transform ease .3s, opacity ease .3s;
-webkit-transition: all ease .3s;
display:none\0; *display:none;
}
.cbbfixed .weixin:hover div { display: block; transform: scale(1); -webkit-transform: scale(1); opacity: 1; *display:block;
}
.cbbfixed .weixin .weixin-icon { float: left; margin:12px 0 0 11px; width:18px; height: 18px; background: url(/images/side-icon01.png); }
/* clearfix */
.clearfix:after { content:" "; display:block; visibility:hidden; height:0; clear:both; }
.clearfix { clear:both; }
.clearbox { clear:both; width:996px; margin:0 auto; height:0; overflow:hidden; }
.clear { height:1%; overflow:hidden; }
.font { font: normal 13px/26px "微软雅黑"; }
.font_pro { font: normal 13px/200% "微软雅黑"; padding-left:10px; background: #F8F8F8; height:36px; }
.font_red { font: normal 13px/200% "微软雅黑"; color: #CC0000; text-decoration: none; }
.font_blue { font: normal 13px/200% "微软雅黑"; color: #0059BB; text-decoration: none; }
.font_org { font: normal 13px/200% "微软雅黑"; color: #FB9900; text-decoration: none; }
.font_green { font: normal 13px/176% "微软雅黑"; color: #34750B; text-decoration: none; }
.font_white { font: normal 13px/200% "微软雅黑"; color: #FFF; text-decoration: none; }
.font_foot { font: normal 13px/200% "微软雅黑"; color: #A2B1D1; text-decoration: none; }
.title { font: normal 13px/200% "微软雅黑"; color: #585858; font-weight:bold; }
.title_pro { font: bold 13px/36px "微软雅黑"; color: #585858; padding-left:0px; }
.title_red { font: normal 13px/200% "微软雅黑"; color: #EC0000; font-weight:bold; }
.title_blue { font: normal 13px/200% "微软雅黑"; color: #284893; font-weight:bold; }
.title_14 { font: bold 14px/42px "微软雅黑"; background:url("/images/HituxCMSNote/bg_pro_show.jpg") left center no-repeat; padding-left:36px; }
.font_prol10 { font: normal 13px/200% "微软雅黑"; padding-left:10px; height:36px; }
.font_e3f1fa { font: normal 13px/200% "微软雅黑"; padding-left:10px; background: #e3f1fa; height:36px; }
.font_c9e7f1 { font: normal 13px/200% "微软雅黑"; padding-left:10px; background: #c9e7f1; height:36px; }
.font_canshu { font: normal 13px/200% "微软雅黑"; padding-left:10px; background: #F8F8F8; height:36px; }
.title_bt14 { font: bold 14px/42px "微软雅黑"; text-align:center; }
.font_e3f1fa P { font: normal 13px/200% "微软雅黑"; padding-left:10px; background: #e3f1fa; height:36px; }
.font_c9e7f1 P { font: normal 13px/200% "微软雅黑"; padding-left:10px; background: #c9e7f1; height:36px; }
.font_canshu P { font: normal 13px/200% "微软雅黑"; padding-left:10px; background: #F8F8F8; height:36px; }
.title_bt14 P { font: bold 14px/42px "微软雅黑"; text-align:center; }
.title_16 { font: normal 16px/200% "微软雅黑"; color: #EC0000; font-weight:bold; }
.title_black { font: normal 13px/200% "微软雅黑"; color: #000; font-weight:bold; }
.title_white { font: normal 13px/320% "微软雅黑"; color: #FFF; font-weight:bold; }
.title_2014 { font: normal 32px/200% "微软雅黑"; color: #333333; font-weight:bold; }
.td_wt01 { background:url("/images/HituxCMSNote/ico_wt01.jpg") left no-repeat; color: #0059BB; padding-left:28px; line-height:38px; }
.td_wt02 { background:url("/images/HituxCMSNote/ico_wt02.jpg") left top no-repeat; color: #585858; padding-left:28px; }
.td_title_mftf { border-left:36px solid #045AB1; border-bottom:1px solid #EFEFEF; color: #585858; padding-left:18px; font: bold 28px/46px "微软雅黑"; }
.td_f_mftf { font: normal 15px/32px "微软雅黑"; }
.td_f_mftf img { font: normal 15px/32px "微软雅黑"; margin-right:10px; }
/*** 办事处 ***/
.network_table { margin-bottom:10px; }
.network_td { border-right:2px solid #FFFFFF; border-top:2px solid #FFFFFF; text-align:center; text-align:center; background-color:#0159BB; color:#FFFFFF; font: normal 14px/40px "微软雅黑"; }
.network-Province { font: bold 18px/46px "微软雅黑"; color: #095BAD; height:46px; background-color:#EFEFEF; border-left:5px solid #0159BB; padding-left:16px; }
.network-City { font: bold 14px/32px "微软雅黑"; color: #095BAD; border-right:1px solid #FFF; }
.network-wenzi { font: normal 14px/32px "微软雅黑"; color: #585858; height:32px; }
.network:link { font: normal 14px/40px "微软雅黑"; color: #FFF; }
.network:visited { font: normal 14px/40px "微软雅黑"; color: #FFF; }
.network:hover { font: normal 14px/40px "微软雅黑"; color: #FF3300; }
/*内部页面BANNER*/
.banner-nav { margin-bottom:60px; }
.banner-nav img { display: block; width:100%; }
.nav-2 { min-width: 1200px; max-width: 1440px; height: 66px; margin: -66px auto 0; background-color: #fff; font-size: 18px; line-height: 40px; color: #000; padding-top: 0px; position: relative; border-bottom:1px solid #E5E5E5;}
 @media (max-width: 1440px) {
 .nav-2 {
 max-width: 1320px
}
}
.banner-nav .company-name { float: left; margin-right: 22px; padding-left: 35px; padding-right: 20px; text-align: center; font-size: 24px; font-weight: 700; position: relative; line-height:66px;}
.nav-wrap-2 li { float: left; margin: 0 35px }
.nav-wrap-2 li a { color: inherit; vertical-align: middle; line-height:66px;}
.nav-wrap-2 li a:hover, .nav-wrap-2 li.active a { color: #0466BD; }
/*.nav-2 { min-width: 1200px; max-width: 1440px; height: 66px; margin: -66px auto 0; background-color: #fff; font-size: 18px; line-height: 40px; color: #000; padding-top: 26px; position: relative }
 @media (max-width: 1440px) {
 .nav-2 {
 max-width: 1320px
}
}
.banner-nav .company-name { float: left; margin-right: 22px; padding-left: 35px; padding-right: 20px; text-align: center; font-size: 24px; font-weight: 700; position: relative }
.banner-nav .company-name:after { content: ''; position: absolute; background-color: #0466BD; width: 6px; height: 40px; top: 0; right: -12px; transform: skewx(-20deg) }
.nav-wrap-2 li { float: left; margin: 0 35px }
.nav-wrap-2 li a { color: inherit; vertical-align: middle }
.nav-wrap-2 li a:hover, .nav-wrap-2 li.active a { color: #0466BD; font-weight: 700; }
*/

.nav-3 { min-width: 1200px; margin:0 auto; max-width: 1440px; height: 136px; background-color: #fff; font-size: 18px; line-height: 40px; color: #000; padding-top: 6px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); z-index:999999; }
 @media (max-width: 1440px) {
 .nav-3 {
 max-width: 1320px
}
}
.banner-nav .brand-name { float: left; margin-right: 22px; padding-left: 35px; padding-right: 20px; padding-bottom: 35px; text-align: center; font-size: 24px; font-weight: 700; position: relative;}
/*.banner-nav .brand-name:after { content: ''; position: absolute; background-color: #0466BD; width: 6px; height: 40px; top: 0; right: -12px; transform: skewx(-20deg); }*/
.nav-brand-2 li { float: left; margin: 5px 16px 15px 16px; }
.nav-brand-2 li a { color: inherit; vertical-align: middle; }
.nav-brand-2 li a:hover, .nav-brand-2 li.active a { color: #0466BD; font-weight: 700; }
/*关于富磊数量跳动*/
.row2 { border-top:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; padding: 2% 0; overflow: hidden; width:1200px; margin:80px auto; }
.list-num { }
.list-num li { float: left; width: 24.8%; color: #0366BB; text-align: left; line-height: 1.2;}
.list-num .list-num-icon1{background: url("/images/in-icon01.png") no-repeat right center; }
.list-num .list-num-icon2{background: url("/images/in-icon02.png") no-repeat right center; }
.list-num .list-num-icon3{background: url("/images/in-icon03.png") no-repeat right center; }
.list-num .list-num-icon4{background: url("/images/in-icon04.png") no-repeat right center; }
.list-num li:last-child { border-right:none; }
.list-num h4 { font-size: 36px; margin-left:30px; font-family:Arial, Helvetica, sans-serif; }
.list-num p { font-size: 16px; margin-left:30px; color:#333333; }
.list-num sup { font-size: 12px; position: relative; top: -5px; margin-right: -15px; }
.animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }

.wrap-box { font: normal 16px/36px "微软雅黑"; padding-top:30px; padding-bottom:30px;}
.wrap-box h2 { font-size:18px; line-height:56px; color:#0466BD; }
.wrap-box h3 { font-size:26px; line-height:76px; text-align:center; }
.wrap-box h3 span { color:#0466BD; font-weight:bold; }
.wrap-box h4 { font-size:20px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:center; margin-bottom:50px; color:#727272; text-transform:uppercase; }
.wrap-box p { margin:20px auto; line-height:42px; }

.ab-menu { width:1200px; margin: 50px auto; text-align: center; }
.ab-menu li { padding:20px 50px; text-align: center; display: inline; cursor: pointer; font-size:18px;}
.ab-menu li.abon { background:url("/images/ico-ab-menu.png") no-repeat center bottom; color: #0366BB; }
.ab-menu li.abon a{ color: #0366BB; }
.ab-menu li:hover { background:url("/images/ico-ab-menu.png") no-repeat center bottom; color: #0366BB; }

.wrap-zizhirongyu { width:1200px; margin:60px auto; }
.wrap-zizhirongyu ul { padding:0; zoom:1; }
.wrap-zizhirongyu ul:after { content:''; display:block; clear:both; }
.wrap-zizhirongyu li { float:left; margin-right:48px; text-align:center; width:368px; font: normal 18px/46px "微软雅黑"; color:#000000; }
.wrap-zizhirongyu li:hover { }
.wrap-zizhirongyu li:nth-child(3n) {
margin-right:0px;
}
.wrap-zizhirongyu1-2 { width:1200px; margin:60px auto; }
.wrap-zizhirongyu1-2 ul { padding:0; zoom:1; }
.wrap-zizhirongyu1-2 ul:after { content:''; display:block; clear:both; }
.wrap-zizhirongyu1-2 li { float:left; margin-right:50px; text-align:center; width:575px; font: normal 18px/46px "微软雅黑"; color:#000000; }
.wrap-zizhirongyu1-2 li:hover { }
.wrap-zizhirongyu1-2 li:nth-child(2n) {margin-right:0px;}

.wrap-zizhirongyu1-4 { width:1200px; margin:60px auto; }
.wrap-zizhirongyu1-4 ul { padding:0; zoom:1; }
.wrap-zizhirongyu1-4 ul:after { content:''; display:block; clear:both; }
.wrap-zizhirongyu1-4 li { float:left; margin-right:30px; margin-top:30px; text-align:center; width:275px; font: normal 18px/46px "微软雅黑"; color:#000000; }
.wrap-zizhirongyu1-4 li:hover { }
.wrap-zizhirongyu1-4 li:nth-child(4n) {margin-right:0px;}

.wrap-brand { width:1200px; margin:60px auto; }
.wrap-brand ul { padding:0; zoom:1; }
.wrap-brand ul:after { content:''; display:block; clear:both; }
.wrap-brand li { float:left; margin-right:40px; text-align:center; width:270px; margin-top:20px; margin-bottom:20px; }
.wrap-brand li:nth-child(4n) {
margin-right:0px;
}
/*企鹅科技*/
.wrap-qiewltxmk { width:100%; margin:60px auto; height:500px; background:#F4F5F9; padding:60px 0; text-align:center; }
.wrap-qiewltxmk h2 { font-size:25px; font-weight: normal; ; line-height:50px; color:#333; }
.qiewltxmk { float:left; width:23%; position: relative; margin:10px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); border: 1px solid #dddddd; border-radius: 5px; }
.qiewltxmk .icon { line-height: 75px; top: 45px; position: absolute; left: 0; right: 0; }
.qiewltxmk .desc { padding: 160px 5px 50px 5px; }
.qiewltxmk .desc h3 { color: #333333; font-size: 20px; font-weight: 500; text-transform: uppercase; }
.wrap-sbcj { width:1200px; margin:60px auto; }
.wrap-sbcj ul { padding:0; zoom:1; }
.wrap-sbcj ul:after { content:''; display:block; clear:both; }
.wrap-sbcj li { float:left; margin-right:40px; text-align:center; width:270px; margin-top:20px; margin-bottom:20px; font: normal 18px/46px "微软雅黑"; color:#000000; }
.wrap-sbcj li:nth-child(4n) {
margin-right:0px;
}
.wrap-sbcj li img { border-radius: 300px; border: 1px solid #dddddd; }
.qiekj_box { height:470px; background:url("/images/bg-link-qiekj.jpg") no-repeat center; overflow:hidden; }
.qiekj_box h3 { font-size:28px; font-weight:bold; color:#FFF; padding-top:100px; text-align:left; }
.qiekj_box p { font-size:16px; color:#FFF; }
.qiekj_box a { font-size:16px; display:block; width:210px; height:60px; color:#FFF; background:#2186F2; text-align:center; margin-top:30px; line-height:60px; border-radius:30px; transition:all .4s;
}
.qiekj_box a:hover { box-shadow:0 8px 50px #2186F2; color:#FFF; }
/*企鹅科技-模块产品*/
.wrap-mokuaichanpin { width:100%; margin:60px auto; height:400px; background:url("/images/bg-qiekj-mkcp.jpg") no-repeat center; padding:100px 0; text-align:center; }
.wrap-mokuaichanpin .tit-mkcp { font-size:32px; font-weight: normal; ; line-height:40px; color:#FFF; }
.control-box { width: 1170px; height: 230px; margin-left: auto; margin-right: auto; margin-top:50px; }
.control-box ul { list-style: none; position: relative; }
.control-box ul li { position: absolute; top: 100px; cursor: pointer; }
.prev { left: 0; }
.next { right: 0; }
.bigbox { overflow: hidden; width: 1032px; height: 240px; margin: auto 70px auto; }
#switcher { height: 190px; left: 0px; }
.content_1.content_2 { width: 100%; float: left; }
.box {
 transition:all .7s ease 0s; width: 255px; height: 240px; float: left; border-left: 3px #354EA0 solid; background-size: cover; }
.box:hover { opacity:0.5; }
.shadow { width: 255px; height: 50px; line-height:50px; /* opacity: 1; */ background-color: rgba(0, 0, 0, 0.25); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
margin-top: 190px; color: white; font-size: 16px; }
.shadow a { display: inline-block; width: 225px; height: 50px; color: white; text-decoration: none; line-height:50px; }
/*企鹅科技-客户端*/
.wrap-khd { width: 100%; padding: 50px 0px; margin: 0 auto; overflow: hidden; padding-bottom: 0px; text-align:center; }
.wrap-khd .tit-khd { font-size:32px; font-weight: normal; ; line-height:40px; color:#111; }
.khd_con { max-width: 1200px; margin: 0 auto; margin-top: 50px; }
.khdtel { width:100%; font-size: 18px; color: #666; text-align: center; }
.khd_telst { margin: 0 auto; position: relative; text-align: center; }
.khd_telst li { width: 150px; line-height: 48px; text-align: center; padding:15px 40px; display: inline; font-family: "微软雅黑"; cursor: pointer; border-radius:10px; transition:all .4s;
border:1px solid #DDD; margin:20px; }
.khd_telst li.khdon { color: #FFF; background-color:#0466BD; border:1px solid #0466BD; }
.khd_telst p { position: absolute; top: 34px; left: 0px; width: 166px; height: 7px; border-top: 1px solid #217af0; overflow: hidden; text-align: center; }
.khd_telst b { display: inline-block; width: 0; height: 0; margin-top: -3px; border-style: solid dashed dashed dashed; border-width: 9px; border-color: #217af0 #fff #fff #fff; overflow: hidden; zoom: 1; font-size: 0; }
.khd_lst { height: 315px; position: relative; overflow: hidden; display: none; margin-top: 60px; margin-bottom:100px; box-shadow: 0px 0px 10px 0px rgba(9, 137, 197, 0.2); }
.khd_lst ul { position: absolute; left: 0px; padding-top: 50px; }
.khd-wrap { margin-top: 30px; }
.khd-wrap .show { display: block; }
.khd_lst_cn { width: 1200px; }
li.khd_cnlf { width: 399px; float: left; }
li.khd_cnlf p { width: 100%; }
p.khdlf_tel a { color: #217af0; font-size: 18px; line-height: 50px; text-align: center; margin:20px auto; display: block; }
p.khdlf_tel a:hover { font-weight:bold; }
p.khdlf_tx { font-size: 14px; line-height: 26px; color: #666; height: 105px; overflow: hidden; }
li.khd_cnrf { float: right; width: 820px; margin-left: 10px; }
.khdrf_lst dd { width: 368px; height: 85px; border: 1px solid #e4e4e4; float: left; margin-left: 35px; margin-bottom: 20px; }
p.khd_rq { width: 65px; height: 65px; background: #969393; float: left; text-align: center; color: #FFF; margin-top: 10px; margin-left: 10px; margin-right: 15px; font-family: Arial, Helvetica, sans-serif; }
p.khd_rq span { display: block; font-size: 24px; text-align: center; font-weight: bold; line-height: 35px; padding-top: 5px; }
p.khdrf_tx { float: left; width: 270px; margin-top: 8px; }
p.khdrf_tx a { color: #333; font-size: 14px; display: block; line-height: 30px; }
p.khdrf_tx span { display: block; font-size: 12px; color: #999; height: 60px; overflow: hidden; }
.khdrf_lst dd:hover { width: 366px; height: 83px; border: 2px solid #217af0; box-shadow: 0px 0px 15px rgba(37, 125, 242, .27); }
.khdrf_lst dd:hover p.khdrf_tx a { color: #217af0; }
.khdrf_lst dd:hover p.khd_rq { background: #217af0; margin-top: 9px; margin-left: 9px; }
.khdrf_lst dd:hover p.khdrf_tx { margin-top: 7px; }
/*解决方案*/
.wrap-Solution { width:100%; margin:60px auto; height:500px; background:#F4F5F9; padding:100px 0; text-align:center; }
.wrap-Solution h2 { font-size:25px; font-weight: normal; ; line-height:40px; color:#333; }
.Solution { float:left; width:358px; position: relative; margin:20px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); border: 1px solid #dddddd; border-radius: 5px; }
.Solution .icon { line-height: 75px; top: 45px; position: absolute; left: 0; right: 0; }
.Solution .desc { padding: 150px 5px 50px 5px; }
.Solution .desc h3 { color: #333333; font-size: 20px; font-weight: 500; text-transform: uppercase; line-height:300%; }
.wrap-Solution2 { width:100%; margin:60px auto; height:300px; text-align:center; }
.Solution2 { float:left; width:206px; position: relative; margin:15px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); border: 1px solid #dddddd; border-radius: 5px; padding-top:20px; }
.Solution2 .icon { }
.Solution2 .icon img { width:150px; }
.Solution2 h3 { color: #333333; font-size: 18px; font-weight: 500; text-transform: uppercase; line-height:300%; }
.wrap-zlhzpp { width:100%; margin:60px auto; height:500px; background:url("/images/bg-hezuopinpai-Solution.jpg") no-repeat center; padding:50px 0; text-align:center; }
.wrap-zlhzpp .tit-zlhzpp { font-size:32px; font-weight: normal; ; line-height:40px; color:#FFF; }
.wrap-Solution3 { width:100%; margin:60px auto; text-align:center; }
.wrap-Solution3 h2 { font-size:25px; font-weight: normal; ; line-height:40px; color:#333; }
.Solution3 { float:left; width:360px; margin:20px; box-shadow: 0px 0px 10px 0px rgba(4, 102, 189, 0.2); padding-top:20px; padding:50px 0; }
.Solution3 .icon { }
.Solution3 .icon img { width:275px; }
.Solution3 .desc { padding: 0px; }
.Solution3 .iline { background:url("/images/img-Solution-03line.png") no-repeat center; width:240px; height:10px; margin:30px auto; }
.Solution3 .desc h3 { color: #333333; font-size: 20px; line-height:100%; text-transform: uppercase; margin-top:30px; }
.wrap-xyfzs-box { width:100%; margin:0px auto; margin-top:100px; background:#F4F5F9; padding:100px 0; text-align:center; }
.wrap-xyfzs-box .tit-xyfzs { font-size:32px; font-weight: normal; ; line-height:40px; color:#333; }
.wrap-xyfzs { width:1200px; margin:60px auto; }
.wrap-xyfzs ul { padding:0; zoom:1; }
.wrap-xyfzs ul:after { content:''; display:block; clear:both; }
.wrap-xyfzs li { float:left; text-align:center; width:590px; margin:5px; }
.wrap-Solution5 { width:100%; margin:60px auto; height:500px; background:#F4F5F9; text-align:center; padding:60px 0; }
.wrap-Solution5 .tit-Solution5 { font-size:32px; font-weight: normal; ; line-height:40px; color:#111; }
.Solution5 { width:1200px; margin:0px auto; }
.Solution5_item { float:left; width:400px; margin:40px auto; }
.Solution5_icon { float: left; width: 134px; height: 134px; border-radius: 50%; border: 2px dotted #c9ccd3; background-position: center center; background-repeat: no-repeat; }
.Solution5_txt { float: right; text-align:left; width:220px; }
.Solution5_txt01 { font-size: 20px; color: #333333; padding-top: 18px; }
.Solution5_txt02 { font-size: 16px; color: #999999; line-height: 24px; padding-top: 3px; padding-left: 3px; }
.enterprise { height:500px; background:url(../images/index/index_selbg.jpg) no-repeat center; overflow:hidden; }
.enterprise .num_list { padding-top:200px; float:left; }
.enterprise .num_list div { float:left; font-size:16px; color:#8592ab; margin-left:110px; position:relative; }
.enterprise .num_list div:after { content:""; display:block; position:absolute; top:0; right:-20px; width:17px; height:17px; background:url(../images/index/addjia.png) no-repeat; }
.enterprise .num_list div:first-child { margin-left:0; }
.enterprise .num_list div:nth-child(2):after {
right:25px;
}
.enterprise .num_list div h3 { font-weight: normal; color:#ff1613; font-family: 'rubik-regular'; letter-spacing:-3px; height:66px; font-size: 0; letter-spacing: -4px; }
.enterprise .num_list div em { font-size:57px; display:inline-block; vertical-align: top; letter-spacing: -3px; }
.enterprise .num_list div span { font-size:48px; color:#ff1613; letter-spacing: normal; }
.enterprise .num_list div gt { font-size:48px; color:#ff1613; letter-spacing: normal; }
.enterprise .text { width:367px; padding-top:175px; float:right; }
.enterprise .text h3 { font-size:32px; color:#4057d4; line-height:35px; }
.enterprise .text p { font-size:14px; color:#8592ab; margin-top: 20px; }


/*1_5图片集*/
.pictures1_5 {width:100%;}
.pictures1_5 a {width:19.6%;float:left;margin-right:0.5%;position:relative;margin-top:1rem;overflow:hidden;}
.pictures1_5 a img {width:100%;float:left}
.pictures1_5 a:nth-child(5n) {margin-right:0px;}
.pictures1_5 a:last-child {margin-right:0px;}
.pictures1_5 a span {position:absolute;bottom:0rem;left:0px;right:0px;font-size:1.0rem;color:#FFF; background:#000; padding:0.5rem 1rem;filter:alpha(opacity=55);-moz-opacity:0.55;-khtml-opacity: 0.55;opacity: 0.55; }

/*1_4图片集*/
.pictures1_4 {width:100%;}
.pictures1_4 a {width:22.75%;float:left;margin-right:3%;position:relative;margin-top:1.28rem;overflow:hidden}
.pictures1_4 a img {width:100%;float:left}
.pictures1_4 a:nth-child(4n) {margin-right:0px;}
.pictures1_4 a:last-child {margin-right:0px;}
.pictures1_4 a span {position:absolute;bottom:0rem;left:0px;right:0px;font-size:1.0rem;color:#FFF; background:#000; padding:0.5rem 1rem;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}

/*1_3图片集*/
.pictures1_3 {width:100%;}
.pictures1_3 a {width:29%;float:left;margin-right:6.5%;position:relative;margin-top:5rem;overflow:hidden;}
.pictures1_3 a img {width:100%;float:left}
.pictures1_3 a:nth-child(3n) {margin-right:0px;}
.pictures1_3 a:last-child {margin-right:0px;}
.pictures1_3 a span { display:none;position:absolute;bottom:0rem;left:0px;right:0px;font-size:1.0rem;color:#FFF; background:#000; padding:0.5rem 1rem;filter:alpha(opacity=55);-moz-opacity:0.55;-khtml-opacity: 0.55;opacity: 0.55; }

/*1_2图片集*/
.pictures1_2 {width:100%; text-align:center;}
.pictures1_2 a {width:49%;float:left;margin-right:2%;position:relative;margin-bottom:1.38rem;overflow:hidden;}
.pictures1_2 a img {width:100%;float:left}
.pictures1_2 a:nth-child(2n) {margin-right:0px;}
.pictures1_2 a:last-child {margin-right:0px;}
.pictures1_2 a span { display:none;position:absolute;bottom:0rem;left:0px;right:0px;font-size:1.38rem;color:#000; background:#F08200; padding:0.5rem 1rem;}

/*适用场景*/
.changjing{margin:0 auto; padding-top:2rem; padding-bottom:2rem;}
.changjing ul{padding:0;zoom:1;}
.changjing ul:after{content:''; display:block; clear:both;}
.changjing li{float:left; text-align:center; width:20%;}
.changjing li:hover{ }
.changjing li a {display:block;}
.changjing li a i{display:block; width:110px; height:110px; margin:2rem auto;border-radius:100px;}
.changjing li a P{display:block; font-size:1.6rem; color:#FFF; line-height:2.6rem;}
.changjing li a span{display:block; height:5rem; font-size:1.1rem; font-family:Arial, Helvetica, sans-serif; font-weight:bold;color:#FFF;}
.changjing li a:hover P{ }
.changjing li a:hover span{ }

.changjing li .changjing_icon01 i{background: #FFFFFF url("/images/img-mianfeitoufang-cj-ico1.png") center center no-repeat;}
.changjing li .changjing_icon02 i{background: #FFFFFF url("/images/img-mianfeitoufang-cj-ico2.png") center center no-repeat;}
.changjing li .changjing_icon03 i{background: #FFFFFF url("/images/img-mianfeitoufang-cj-ico3.png") center center no-repeat;}
.changjing li .changjing_icon04 i{background: #FFFFFF url("/images/img-mianfeitoufang-cj-ico4.png") center center no-repeat;}
.changjing li .changjing_icon05 i{background: #FFFFFF url("/images/img-mianfeitoufang-cj-ico5.png") center center no-repeat;}
.changjing li .changjing_icon01:hover i{background: #D61C2A url("/images/img-mianfeitoufang-cj-ico1h.png") center center no-repeat;}
.changjing li .changjing_icon02:hover i{background: #E5B50D url("/images/img-mianfeitoufang-cj-ico2h.png") center center no-repeat;}
.changjing li .changjing_icon03:hover i{background: #96CA82 url("/images/img-mianfeitoufang-cj-ico3h.png") center center no-repeat;}
.changjing li .changjing_icon04:hover i{background: #B7AAD6 url("/images/img-mianfeitoufang-cj-ico4h.png") center center no-repeat;}
.changjing li .changjing_icon05:hover i{background: #F27966 url("/images/img-mianfeitoufang-cj-ico5h.png") center center no-repeat;}